<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery自定义关键词Tag动态创建标签特效-xw素材网</title>

<link rel="stylesheet" href="css/style.css">

<!--必要样式-->
<link rel="stylesheet" href="css/jquery-tag-this.css">
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.min.css">

</head>
<body>

<div class="example">
	<label for="user-tags">下面是一个例子,通过编程方式创建标签。单击下面的“添加”按钮,添加标签,然后单击“看到代码”看到这是如何进行的。</label>
	<input name="user-tags" id="user-tags" />
	<button class="user-clear-all-button small-button">全部清除</button>
	<br />
	<div class="user cf" data-id="123">
		<span class="name">John Doe</span>
		<button class="add-button small-button">添加</button>
	</div>
	<div class="user cf" data-id="1234">
		<span class="name">Jane Doe</span>
		<button class="add-button small-button">添加</button>
	</div>
	<div class="user cf" data-id="12345">
		<span class="name">Dan Doe</span>
		<button class="add-button small-button">添加</button>
	</div>
	<div class="user cf" data-id="123456">
		<span class="name">Danielle Doe</span>
		<button class="add-button small-button">添加</button>
	</div>
	<div class="user cf" data-id="1234567">
		<span class="name">Mike Doe</span>
		<button class="add-button small-button">添加</button>
	</div>
	<div class="user cf" data-id="12345678">
		<span class="name">Leah Doe</span>
		<button class="add-button small-button">添加</button>
	</div>
</div>

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>

<script type="text/javascript" src="js/jquery.tagthis.js?v=5"></script>
<script type="text/javascript" src="js/main.js?v=5"></script>

</body>
</html>
